import Base from '../base.js';
import Student from './student.js'
import Reg from './register.js'
export default class Login extends Base {
    render() {
        this.$app.html(`
        <div style='width:300px;margin:100px auto'>
            <form class="layui-form">
                <div class="layui-form-item">
                    <label class="layui-form-label">用户名：</label>
                    <div class="layui-input-block">
                        <input type="text" id="username" required placeholder="请输入用户名" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">密码：</label>
                    <div class="layui-input-block">
                        <input type="password"  id="pwd" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-input-block">
                        <button type='button' id='loginBtn' class="layui-btn" lay-submit lay-filter="formDemo">登录</button>
                        <button type="button" id='regBtn' class="layui-btn layui-btn-primary">注册</button>
                    </div>
                </div>
            </form>
        </div>
        `)
    }
    handle() {
        $('#loginBtn').click(() => {
            $.ajax({
                type: 'post',
                url: 'login',
                data: {
                    username: $('#username').val(),
                    pwd: $('#pwd').val()
                },
                dataType: 'json',
                success: (data) => {
                    if (data.code == "1") {
                        alert(data.msg)
                        new Student('app')
                    } else {
                        alert(data.msg);
                        $('#username').val()
                        $('#pwd').val()
                    }
                }
            })
        })

        $('#regBtn').click(() => {
            new Reg('app')
        })
    }
}
new Login('app')